<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <title>Hell oWorld</title>
    </head>
    <body>
        <div id="example"></div>
        <!-- <script type="text/babel">
          ReactDOM.render(
            <h1>Hello, world!</h1>,
            document.getElementById('example')
          );
        </script> -->
        <script type="text/babel">
            var HelloWorld = React.createClass({
                render: function() {
                    return (
                        <p> Hello World, <input type="text" placeholder="输入你的名字" />
                            It is {this.props.date.toString()}
                        </p>
                    );
                }
            });
            setInterval(function() {
                ReactDOM.render(
                    <HelloWorld date={new Date()} />,
                    document.getElementById('example')
                );
            }, 1000);
        </script>

        <script src="../lib/react.min.js" charset="utf-8"></script>
        <script src="../lib/react-dom.min.js" charset="utf-8"></script>
        <script src="../lib/browser.min.js" charset="utf-8"></script>
    </body>
</html>
